<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:t="http://myfaces.apache.org/tomahawk"> 

<h:head>
</h:head> 
<body>
<ui:composition template="/template/mainLayout.xhtml">

	<ui:param name="rolName" value="DUENIO"/>
	<ui:define name="headContent">
		<h:outputScript name="ventas.js" library="js"></h:outputScript>
			<style type="text/css">
			.arriba{
				height: 290px;
			}
			.vendedor{
				width: 100px;
			}
			
			table.vendedor tbody{
				min-height: 50px;
				max-height: 2550px;
			}
			</style>
	</ui:define> 
	<ui:param name="windowsTitle" value="Detalle de la venta" />
	<ui:define name="bodyContent">
   	<h:form>
   	
   		<t:saveState value="#{productosBean.producto}" />	
        <rich:panel id="Producto">
        <h:panelGrid columns="2">
        	<h:outputText value="Producto" />
        	<h:outputText value="#{productosBean.producto.nombre}" />
        	<h:outputText value="Cantidad a devolver:" />
        	<h:inputText value="#{productosBean.cantidad}" >
        	</h:inputText>
        </h:panelGrid>
        
        	
        </rich:panel>
        <rich:panel>
	        <center>
	        	<h:commandButton style="width: 100px; margin-right: 5px;" value="Aceptar" rendered="true" action="#{productosBean.devolverProducto}" onclick="return confirm('¿Está seguro que desea guardar los cambios en la devolución?');" />
	        	<h:commandButton style="width: 100px;" value="Cancelar" immediate="true" action="listaProductos" />
	       	</center>
        </rich:panel>
        
	</h:form>
	</ui:define>
</ui:composition>
</body> 
</html>
